<template>
	<view>
		<!-- 备案报表 -->
		<view class="bg-white p-2">
			<view class="flex justify-between p-2  align-center"
				style="background-color: rgb(250,250,252);border-top: 4rpx dashed #ccc;width: 2000rpx;">
				<view class="flex align-center">
					<text>招标会:</text>
					<view class="ml-4">
						<uni-data-select empty-text="暂无" placeholder="请选择招标会" v-model="Selectvalue" :localdata="range"
							@change="change"></uni-data-select>
					</view>
				</view>
				<view class="flex">

				</view>
				<view class="flex">
					<view class="bg-white text-orange text-center py-2 mr-4"
						style="border-radius: 10rpx;border: 4rpx solid #fc7c08;width: 180rpx;">
						<text>重置</text>
					</view>
					<view class="text-white bg-orange py-2 text-center mr-4"
						style="border-radius: 10rpx;width: 180rpx;">
						<text>导出excel</text>
					</view>
					<view class="text-white bg-orange py-2 text-center mr-4"
						style="border-radius: 10rpx;width: 180rpx;">
						<text>查询</text>
					</view>
				</view>
			</view>
			<!-- 表格 -->
			<view class="mt-2 flex flex-column" style="width: 2000rpx;overflow: auto;">
				<view class="flex font-sm font-weight-bold align-center" style="background-color: rgb(245,245,245);">
					<view class="text-center m-2" style="height: 80rpx; width: 25%;line-height: 80rpx;white-space: nowrap;">
						<text>招标会编号</text>
					</view>
					<view class="flex text-center mr-2" style="width: 25%;line-height: 80rpx;white-space: nowrap;">
						<text>招标会</text>
					</view>
					<view class=" text-center mr-2" style="width: 25%;line-height: 80rpx;white-space: nowrap;">
						<text>标的号</text>
					</view>
					<view class=" text-center mr-2" style="width: 25%;line-height: 80rpx;white-space: nowrap;">
						<text>工厂</text>
					</view>
					<view class=" text-center mr-2" style="width: 25%;line-height: 80rpx;white-space: nowrap;">
						<text>工厂所在省</text>
					</view>
					<view class=" text-center mr-2" style="width: 25%;line-height: 80rpx;white-space: nowrap;">
						<text>品名</text>
					</view>
					<view class=" text-center mr-2" style="width: 25%;line-height: 80rpx;white-space: nowrap;">
						<text>招标数量</text>
					</view>
					<view class=" text-center mr-2" style="width: 25%;line-height: 80rpx;white-space: nowrap;">
						<text>拦标价</text>
					</view>
					<view class=" text-center mr-2" style="width: 25%;line-height: 80rpx;white-space: nowrap;">
						<text>上期成交数量</text>
					</view>
					<view class=" text-center mr-2" style="width: 25%;line-height: 80rpx;white-space: nowrap;">
						<text>上期成交价</text>
					</view>
					<view class=" text-center mr-2" style="width: 25%;line-height: 80rpx;white-space: nowrap;">
						<text>实际成交数量</text>
					</view>
					<view class=" text-center mr-2" style="width: 25%;line-height: 80rpx;white-space: nowrap;">
						<text>实际成交价</text>
					</view>
					<view class=" text-center mr-2" style="width: 25%;line-height: 80rpx;white-space: nowrap;">
						<text>客户</text>
					</view>
					<view class=" text-center mr-2" style="width: 25%;line-height: 80rpx;white-space: nowrap;">
						<text>客户所在省份</text>
					</view>
					<view class=" text-center mr-2" style="width: 25%;line-height: 80rpx;white-space: nowrap;">
						<text>渠道</text>
					</view>
					<view class=" text-center mr-2" style="width: 25%;line-height: 80rpx;white-space: nowrap;">
						<text>行业</text>
					</view>
					<view class=" text-center mr-2" style="width: 25%;line-height: 80rpx;white-space: nowrap;">
						<text>本期工厂发标个数</text>
					</view>
					<view class=" text-center mr-2" style="width: 25%;line-height: 80rpx;white-space: nowrap;">
						<text>本期有效投标个数</text>
					</view>
					<view class=" text-center mr-2" style="width: 25%;line-height: 80rpx;white-space: nowrap;">
						<text>上期工厂发标个数</text>
					</view>
					<view class=" text-center mr-2" style="width: 25%;line-height: 80rpx;white-space: nowrap;">
						<text>上期有效投标个数</text>
					</view>
					<view class=" text-center mr-2" style="width: 25%;line-height: 80rpx;white-space: nowrap;">
						<text>流标数量</text>
					</view>
					<view class=" text-center" style="width: 25%;line-height: 80rpx;white-space: nowrap;">
						<text>备注</text>
					</view>
				</view>
				<view v-if="false" style="height: 200rpx;" class="w-100 flex justify-center align-center">
					暂无数据
				</view>
				<view v-else class="flex bg-white font-sm" style="height: 150rpx;border-bottom:2rpx solid rgb(221,221,211);"
					v-for="(item,index) in 4" :key="index">
					<view class="flex justify-center m-2 text-center align-center" style="width: 25%;white-space: nowrap;" v-for="(item,index) in 23" :key="index">
						<text>测试文字</text>
					</view>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		name: "ICPFilingStatements",
		data() {
			return {
				Selectvalue: '',
				range: [{
						value: 0,
						text: "全部"
					},
					{
						value: 1,
						text: "待平台审核"
					},
					{
						value: 2,
						text: "待卖方审核"
					},
					{
						value: 3,
						text: "已开单"
					},
					{
						value: 4,
						text: "已驳回"
					},
				],
			};
		}
	}
</script>

<style lang="scss">

</style>